<template>
    <div>
        <Row style="margin:5px 20px 5px 20px">
            <p>设置页面表格高度</p>
            <Slider v-model="tableHeight" :min="520" :max="750"  show-input @on-change="tableHeightChange"></Slider>
        </Row>
    </div>
</template>
<script>
import store from '@/store';


export default {
    data() {
        return {
            tableHeight: 520,
        }
    },
    methods: {
        tableHeightChange(value){
            // alert(value)
            store.setTabelHeight(value)
            localStorage.setItem("tableHeight",value)
        },
        refresh(){
            let tableHeight = localStorage.getItem("tableHeight")
            if(tableHeight != undefined || tableHeight != null) {
                this.tableHeight = parseInt(tableHeight)
            }
        }
    },
    mounted: function() {
        this.refresh();
    }
}
</script>
<style scoped>

</style>

